<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<style type="text/css">
.panel-mid-check{
	padding: 30px;
	margin: 20px;
}

.panel-mid-check:hover{
	-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.5,1.5);
    -transform:scale(1.5,1.5);
	background: #2196F3;
	color: white;
	animation:scale-color 1s;
	-webkit-animation:scale-color 1s;
}

.mid-check-foot{
	margin-left:20px;
	margin-right:20px;
}

@keyframes scale-color
{
	from 
	{
		background:#64B5F6;
		-webkit-transform:scale(1,1);
  	    -moz-transform:scale(1,1);
  	    -transform:scale(1,1);
	}
	to 
	{
		background:#2196F3;
		-webkit-transform:scale(1.1,1.1);
   	 	-moz-transform:scale(1.1,1.1);
   		-transform:scale(1.1,1.1);
	}
}

scale-color
{
	from 
	{
		background:#64B5F6;
		-webkit-transform:scale(1,1);
  	    -moz-transform:scale(1,1);
  	    -transform:scale(1,1);
	}
	to 
	{
		background:#2196F3;
		-webkit-transform:scale(1.1,1.1);
   	 	-moz-transform:scale(1.1,1.1);
   		-transform:scale(1.1,1.1);
	}
}

</style>

<div class="row">
	<c:forEach var="academicReport" items="${academicReports}" varStatus="status">
		<div class="col-lg-4 col-md-6">
			<div data-id="${academicReport.reportId }" class="panel-mid-check panel panel-flat">
				<h4>
					<fmt:formatDate value="${academicReport.date}" pattern="yyyy-MM-dd" />
				</h4>
	
				<div class="panel-body" style="margin-top:10px;">
					<p>会议类型：${academicReport.type}</p>
					<p>汇报人：${academicReport.people}</p>
					<p>汇报内容：${academicReport.content}</p>
				</div>
			</div>
		</div>
	</c:forEach>
</div>
<div class="mid-check-foot">
	<%@ include file="/WEB-INF/views/shared/master/pager.jsp"%>
</div>
